<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">

    <script src="/js/jquery-3.3.1.min.js"></script>
    <script src="/js/jquery.slim.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>

    <script src="/js/popper.min.js"></script>
    <script src="/js/store2.js"></script>
    <script src="/js/vue.js"></script>
    <script src="/js/vue-resource.min.js"></script>
    <script src="/js/init.js"></script>
    <style>
        table,table tr th, table tr td { border:1px solid rgba(208, 208, 208, 0.93); }
        table { width: 200px; min-height: 25px; line-height: 25px; text-align: center; border-collapse: collapse;}
    </style>
</head>
<body >
<div id="querydata">


<button class="btn btn-lg btn-primary btn-block col-xs-2 col-sm-2" v-on:click="logout1">退出</button>
<table>
    <tbody id="tableid">
    <tr v-for="item in result">
        <td>{{item.id}}</td>
        <td>{{item.name}}</td>
    </tr>
    </tbody>
</table>
</div>

</body>
<script type="text/javascript">
    var tvue=  new Vue({
        el: '#querydata',
        data: {
            result:[],

        },
        methods: {
            logout1: function () {

                logout();

            }
        }
    });
    vuePost(null, "ttest/getall", function (data) {
        var result = data.data;
        tvue.result=result;
        console.log(result);
    }, function (error) {

    });


</script>
</html>